@charset "utf-8";
@import './modules/header';
@import './modules/footer';


.container{
    width: 1200px;
    margin: 0 auto;
}


section{
    width: 100%;

    .exploer_more{
        color: #000000;
        border: 1px solid #000000;
        padding: 5px 20px;
        transition: all 0.4s;
    }
    .exploer_more:hover{
        color: #ffff;
        background-color: #000000;
    }


    .lunbo{
        height: 550px;
        width: 100%;
        transition: all 0.5;
        img{
            width: 100%;
            height: 100%;
        }
        .boult{
            display: none;
        }
    }
    .lunbo:hover{
        .boult{
            display: block;
        }
    }
    .sec_top{
        height: 750px;
        background-color: #f5f5f5;
        .container{
            padding-top: 85px;
            .culture{
                height: 69px;
                background: white;
                overflow: hidden;
                .one{
                    font-family: '仿宋';
                    font-size: 35px;
                    color: #000;
                    text-align: center;
                    margin-top: 21px;
                }
                
            }

            .sec_ul01{
                width: 100%;
                display: flex;
                justify-content: space-between;
                li{
                   float: left;
                   text-align: center;
                   p{
                       text-align: center;
                   }
                   p:nth-child(2){
                       font-family: '黑体';
                       font-size: 26px;
                       font-weight: 800;
                       margin-top: 40px;
                   }
                  
                   p:nth-child(3){
                    font-family: '黑体';
                    font-size: 12px;
                    color: #0f0f0f;
                    margin-top: 15px;
                   }
                   a:nth-child(1){
                       display: block;
                       width: 378px;
                       height: 240px;
                       overflow: hidden;
                       img{
                        transition: all 0.8s ease-in-out;
                       }
                   }
                   a:nth-child(1){
                        img:hover{
                         transform: scale(1.1);
                         }
                   }
                }
            }
        }
    }

    .sec_mind{
        .container{
            .sec_ul02{
                margin-top: 80px;
                display: flex;
                justify-content: space-between;
                li{
                    float: left;
                    height: 356px;
                    background-color: #f5f5f5;
                    a{
                        display: block;
                        color: #000000;
                        font-size: 16px;
                        text-align: center;
                        p{
                            margin-top: 30px;
                        }
                    }
                    li:hover{
                        color: #cbc0c0;
                    }
                }
            }

            .exploer{
                margin-top: 80px;
                height: 750px;
                position: relative;
                a{
                    display: block;
                    position: absolute;
                }
                p{
                    position: absolute;
                    color: #000000;

                }
                a:nth-child(1){
                    width: 100%;
                    height: 100%;
                    background: url(../images/ivy_style_kv_pc_200123.jpg) no-repeat;
                }
               
            }

            .meet{
                
                height: 740px;
                background-color: #f5f5f5;
                margin-top: 40px;
                position: relative;
                a{  
                    display: block;
                    position: absolute;
                    overflow: hidden;
                   
                }
               
                a:nth-child(1){
                    width: 100%;
                    height: 100%;
                }
                
               
            }

            .sec_colorF{
                height: 472px;
                margin-top: 40px;
                display: flex;
                justify-content: space-between;
                li{
                    float: left;
                    background-color: #f5f5f5;
                    p{
                        text-align: center;
                    }
                    a:nth-child(1){
                       // display: block;
                        vertical-align: middle;
                        width: 595px;
                        height: 340px;
                    }
                    p:nth-child(2){
                        font-size: 20px;
                        margin-top: 12px;
                    }
                    P:nth-child(3){
                        margin-top: 13px;
                        font-size: 12px;
                    }
                    a:nth-child(4){
                        display: inline-block;
                        margin-left: 100px;
                        margin-top: 18px;

                    }
                }
            }

            .sec_bigp{
                height: 550px;
                margin-top: 40px;
                position: relative;
                a{
                    display: block;
                    position: absolute;
                }
                p{
                    position: absolute;
                    color: #000000;

                }
                a:nth-child(1){
                    width: 100%;
                    height: 100%;
                    background: url(../images/fog_kv_pc_200217.png) no-repeat;
                }
                p:nth-child(2){
                    font-size: 20px;
                    top: 160px;
                    left: 169px;

                }
                p:nth-child(3){
                    top: 200px;
                    left: 184px;
                }
                a:nth-child(4){
                    top: 237px;
                    left: 187px;
                }
            }

            .store{
                .wordS{
                    margin-top: 50px;
                    p{
                        text-align: center;
                    }

                    p:nth-child(1){
                        font-size: 30px;
                        color: #000000;
                    }

                    p:nth-child(2){
                        font-size: 12px;
                        color: #a3a3a3;
                        margin-bottom: 30px;
                    }
                }


                .sec_ul_store{
                    height: 523px;
                    display: flex;
                    justify-content: space-between;
                    li{
                        float: left;
                        background-color: #f5f5f5;
                        p{
                            text-align: center;
                        }

                        p:nth-child(2){
                            margin-top: 14px;
                        }
                        P:nth-child(3){
                            margin-top: 12px;
                        }
                    }
                }
            }
        }
    }

    .searchMore{
        display: inline-block;
        margin:44px 0px 100px 523px;
        color: #ffffff;
        border: 1px solid #000000;
        background-color: #000000;
        padding: 5px 20px;
        transition: all 0.4s;
    }
    .searchMore:hover{
        color: #000000;
        background-color: #ffffff;
    }
}


